// 在React中，组件名称必须以大写字母开头。如果你的组件名称是以小写字母开头的，
import MapForeach from "./components/map遍历";
import ShowIf from "./components/条件渲染";
import HandleEvent from "./components/事件绑定";
import UseState from "./components/useState的使用";
import UseStateGreate from "./components/useState的使用进阶.js";
import ControlClass from "./components/使用classNames优化类控制";
import RefDemo from "./components/useRef获取Dom";
import Father from "./components/父子通信/father";
import GrandsonComponent from "./components/useContext跨层通信爷-孙子";
import UseEffectDemo from "./components/useEffect的使用";
import UseReactRedux from "./components//react-reducer的学习/useRedux";
import MyRedux from "./components/useReducer的学习";
import MyMeno from "./components/useMemo.js";
import ReactMomo from "./components/reactMemo的使用.js";
import UseMyCallback from "./components/useCallback.js";
import UseMyforwardRef from "./components/forwardRef.js";
import MyZustand from "./components/zustand的学习/zustand.js";
import TestMyClass from "./components/类组件的使用.js";
import MyRTKQuery from "./components/react-reducer的学习/RTKQuery的使用.js";
import Chongzhi from "./components/组件重置状态.js";
import UseTransition from "./components/useTransition.js";
import Grand from "./components/组件的点标记法.js";
import PortalAsTelport from "./components/Telport.js";
import React19Feature from "./components/React19的新特性.js";
import "./App.css";

function App() {
  return (
    <div className="App" style={{ margin: "10px" }}>
      {/* <MapForeach />
      <ShowIf></ShowIf> */}
      {/* <HandleEvent></HandleEvent> */}
      {/* <UseState.UseStateCase></UseState.UseStateCase>
      <UseState.UseStateCaseObj></UseState.UseStateCaseObj>
      <UseState.UseStateCaseAarr></UseState.UseStateCaseAarr> */}
      {/* <UseStateGreate /> */}
      {/* <ControlClass></ControlClass> */}
      {/* <RefDemo></RefDemo> */}
      <Father></Father>
      {/* <GrandsonComponent></GrandsonComponent> */}
      {/* <UseEffectDemo></UseEffectDemo>*/}
      {/* <UseReactRedux></UseReactRedux> */}
      {/* <MyRedux></MyRedux> */}
      {/* <MyMeno></MyMeno> */}
      {/* <ReactMomo></ReactMomo> */}
      {/* <UseMyCallback></UseMyCallback> */}
      {/* <UseMyforwardRef></UseMyforwardRef> */}
      {/* <MyZustand></MyZustand> */}
      <TestMyClass />
      {/* <MyRTKQuery></MyRTKQuery> */}
      {/* <Chongzhi /> */}
      {/* <UseTransition></UseTransition> */}
      {/* <Grand></Grand> */}
      {/* <PortalAsTelport /> */}
      {/* <React19Feature /> */}
    </div>
  );
}

export default App;
